<template>
  <div>
   <div class="dispatchbox" v-if="true">
    <!--<Map/>-->
    <!--<Driver/>-->
    <!--<waybill/>-->
  </div>
  <!--<task-data/>-->
  <div style="margin-top: 10px">
  <task-list :nav-list="navList"/>

  </div>
  </div>

</template>
<script>
  import TaskList from './list/TaskList.vue'
  import TaskData from './datashow/Taskdata.vue'
  export default{
    components:{
        TaskList,
        TaskData

      },
      data(){
         return{
             navList: []
         }
      },
      mounted() {
        this.getNavList();
      },
      methods:{
          getNavList() {
              this.$http.get('express/mission/nav')
                  .then((response) => {
                      this.navList = response.data.data;
                      // console.info('导航数据', this.navList);
                  })
                  .catch((error) => {
                      if(error.response.data.msg){
                          this.$message.error(error.response.data.msg);
                      }else{
                          this.$message.error('请求错误：'+error.response.status);
                      }
                  });
          }
      }
  }
</script>
<style lang="less">
  .dispatchbox{
    /*margin-top: 50px;*/
    width: 100%;
    height: 100%;
    position: relative;
  }
</style>

